<template>
  <div class="text-polish">
    <div class="container">
      <TextPolishPanel />
    </div>
    <toast-message ref="toast" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import TextPolishPanel from '@/components/TextPolishPanel.vue'
import ToastMessage from '@/components/ToastMessage.vue'

const toast = ref()
</script>

<style scoped>
.text-polish {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.container {
  flex: 1;
  padding: 1rem;
  width: 100%
}
</style>
